<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鼎搜注册页</title>
		<link rel="stylesheet" type="text/css" href="css/注册页.css"/>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	</head>
	<body>
		<div class="con">
			<div class="hed">
				<div class="top"></div>
				<div class="item">
					<div class="logo_1">
						<h1>
						<a href="#"> <img src="img/logo.jpg"/>鼎搜网</a>
						</h1>
					</div>
					<div class="list">
						<ul>
							<li class="active"><a href="index.html">首页</a></li>
							<li class="active"><a href="列表页.html">关于鼎搜</a></li>
							<li class="active"><a href="详情页.html">鼎搜服务</a></li>
							<li class="active"><a href="登录页.html">鼎搜动态</a></li>
							<li class="active"><a href="#">鼎搜诚聘</a></li>
							<li class="active"><a href="#">鼎搜公益</a></li>
						</ul>
					</div>
					<div class="search">
						<form action="#" method="post">
							<input type="text" value="" />
							<button></button>
						</form>
					</div>
					<!--<img src="img/bo.jpg" style="width: 100%;display: block;"/>-->
				</div>
			</div>
			
			
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="img/bo.jpg"/>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			
				<!-- 如果需要导航按钮 -->
				<!--<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>-->
		
				<!-- 如果需要滚动条 -->
				<!--<div class="swiper-scrollbar"></div>-->
			</div>
			
			
			<div class="icon">
				<div class="tit">
					<hr />
					<h4>我要转让</h4> <br />
					<p>WO YAO ZHUAN RANG</p>
				</div>
				<div class="fom">
					<p>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
					
					<table border="0" cellspacing="" cellpadding="">
						<form action="" method="post">
						<tr>
							<td>用户名:</td>
							<td>
								<input type="text" name="uname" class="textbox"  value="" />
							</td>
							<td>
								<span class="red">*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)
							</td>
						</tr>
						<tr>
							<td>公司名称:</td>
							<td>
								<input type="text" name="uname" class="textbox"  value="" />
							</td>
							<td><span class="red">*</span></td>
						</tr>
						<tr>
							<td>登录密码:</td>
							<td>
								<input type="password" name="psd" class="textbox"  value="" />
							</td>
							<td><span class="red">*</span></td>
						</tr>
						<tr>
							<td>确认密码:</td>
							<td>
								<input type="password" name="psd" class="textbox"  value="" />
							</td>
							<td><sapn class="red">*×两次输入密码不一致</sapn></td>
						</tr>
						<tr>
							<td>电子邮箱:</td>
							<td>
								<input type="text" name="uname" class="textbox"  value="" />
							</td>
							<td><span class="red">*</span> (每个电子邮邮箱只能注册一个帐号)</td>
						</tr>
						<tr>
							<td>安全问题:</td>
							<td colspan="2">
								<select name="problem">
									<option value="0">没安全提示问题</option>
									<option value="1">你叫什么名字？</option>
									<option value="2">你的年龄是？</option>
								</select>
								<span class="wft">(忘记密码时重设密码用)</span>
							</td>
						</tr>
						<tr>
							<td>问题答案:</td>
							<td>
								<input type="text" name="uname" class="textbox"  value="" />
							</td>
							<td></td>
						</tr>
						<tr>
							<td>性别:</td>
							<td>
								<input type="radio" name="validity"  value=""/>男
								<input type="radio" name="validity"  value="" />女
								<input type="radio" name="validity" value="" checked="checked"/>保密	
							</td>
							<td></td>
						</tr>
						<tr>
							<td style="padding-top: 10px;">验证码:</td>
							<td colspan="2">
								<input type="text" name="code" class="textbox1"  value="" />
								<img src="img/验证码_03.jpg"/>
								<span class="prompt">
									看不清？<span class="red"><a href="#">点击更换</a></span>
								</span>
							</td>
						</tr>
					</table>
					<div class="bom">
						<p class="spe">会员注册协议:</p>
						<textarea name="area" readonly style="resize: none;">
							1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，
							侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
							2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，
							如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
							3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对
							您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
						</textarea> <br />
						<label for="tick">
							<div class="juxing"></div>
						</label>
						<input type="checkbox" id="tick" class="ticks" value="" /> 
							<div class="ticked">
								<img src="img/guo_03.jpg"/>
								<span>我已阅读并完全接受服务协议</span>
							</div>
						
						
						<input type="submit" value="登录"/>
							</form>	
					</div>
				</div>
			</div>
			<hr style="background: #eaedf0;height:1px;border:0;margin-top: 35px;"/>
			<div class="fot">
				<table border="0" cellspacing="10" cellpadding="10">
					<tr>
						<th>简介</th>
						<th>帮助</th>
						<th>共赢</th>
						<th>导航</th>
					</tr>
					<tr>
						<td>鼎搜网简介</td>
						<td>用户注册</td>
						<td>网站合作</td>
						<td>地图首页</td>
					</tr>
					<tr>
						<td>鼎搜服务</td>
						<td>关于鼎搜</td>
						<td>用户协议</td>
						<td>职能分类</td>
					</tr>
					<tr>
						<td>会员身份实名认证</td>
						<td>在线咨询</td>
						<td>会员身份实名认证</td>
						<td>企业名录</td>
					</tr>
				</table>
				<div class="call">
					<div class="pho">
						<img src="img/电话_07.jpg"/>
						<img src="img/二_10.jpg" />
					</div>
					<div class="med">
						<h4 class="first">全国服务热线</h4>
						<h4 class="second">440-880-1779</h4>
						<p>邮箱:dinsoo@163.com</p>
						<h4>订阅信息</h4>
					</div>
					<div class="lat">
						<p>投诉电话：4408801779</p>
						<p>周一至周六：9:20-20:00</p>
						<img src="img/博_12.jpg"/>
						<img src="img/微_11.jpg"/>
					</div>
				</div>
			</div>
			<div class="wei">
				Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
			</div>
		</div>
		
		
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal', // 垂直切换选项
		    loop: true, // 循环模式选项
		    autoplay: true,
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    },
		    
		    // 如果需要前进后退按钮
//		    navigation: {
//		      nextEl: '.swiper-button-next',
//		      prevEl: '.swiper-button-prev',
//		    },
		    
//		     如果需要滚动条
		    scrollbar: {
		      el: '.swiper-scrollbar',
		    },
		  })        
  		</script>
		
		
	</body>
</html>
